{extend name="public:base" /}
{block name="head"}
<link href="__PUBLIC__/view_res/mobile/css/uc.css" type="text/css" rel="Stylesheet" />
<link href="__PUBLIC__/view_res/mobile/css/productlist.css" type="text/css" rel="Stylesheet" />
        
<script src="__PUBLIC__/artTemplate/template.js"></script>
<script src="__PUBLIC__/view_res/mobile/load_list.js"></script>
<script src="__PUBLIC__/view_res/mobile/index.js"></script>

<link href="__PUBLIC__/view_res/mobile/css/uc.css" type="text/css" rel="Stylesheet" />
{/block}

{block name="header"}
<div class="listTopcaption">
<div class="holder">
    <a class="listTopArrow"  onclick="history.go(-1)"></a>
    <a class="listTopArrow home"  href="{:url('/mobile')}"></a>
    <p>我的分享</p>
</div>
</div>
<div class="TopcaptionPos"></div>
{/block}

{block name="content"}

<style>
    #likes_list{ width: 100%; height: auto; margin: 0 auto;}
    #likes_list p{ text-align: center; }
</style>
<!--<div id="likes_list" class="clearfix">
    <p>
        <img src="\public\static\view_res\mobile\images\icon\logo.jpg" style="width: 100px;height: 100px" class="qrcode-qrcode"/>
    </p>
</div>-->
<div id="likes_list" class="clearfix">
    <p><strong style="font-size: 18px;">  {$userinfo.nickname}的分享二维码</strong></p>

    <p>
        <img src="https://www.kuaizhan.com/common/encode-png?large=true&data=http://www.51jrg.com/mobile/login/reg?sharemobile={$sharemobile}" class="qrcode-qrcode"/>
    </p>
    
    <p>我的推广链接(请复制后转发)</p>
    
<!-- <div class="am-form-group">
    <label class="am-sr-only" for="doc-ta-1">分享链接</label>
    <textarea class="" rows="3" id="doc-ta-1">http://{$url}/mobile/login/   login?sharemobile={$sharemobile}</textarea>
</div> -->

<style type="text/css">
   .wrapper {position: relative;}
   #input {position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;}
   .wrapper #text {
       width: 90%;
       height: 30px;
       border-radius: 12px;
       margin: 0 auto;
   }
   #fuzhi{width: 30%; height: 30px; border:none; background: #E33A3D; color: #fff;}
</style>

<div class="wrapper">
   <input id="text" type="text" name="" value="http://www.{$url}/mobile/login/reg?sharemobile={$sharemobile}" />
   <textarea id="input">复制</textarea>
   <button id="fuzhi" onclick="copyText()" style="display:block;margin: 20px auto;">点击复制</button>
</div>

<script type="text/javascript">
    function copyText() {
      var text = document.getElementById("text").value;
      var input = document.getElementById("input");
      input.value = text; // 修改文本框的内容
      input.select(); // 选中文本
      document.execCommand("copy"); // 执行浏览器复制命令
      alert("复制成功");
    }
  </script>  
        <!-- <div class="am-form-group">
            <p class="am-text-right">
                <a class="am-btn am-btn-danger am-show-sm-only am-btn-sm am-radius" href="javascript:;"
                   onClick="jQuery.AMUI.share.open();">立即分享</a>
            </p>
            <p class="am-text-right">
                <a class="am-btn am-btn-danger am-show-lg-up am-btn-sm am-radius" href="javascript:;"
                   onClick="jQuery.AMUI.share.open();">立即分享</a>
            </p>
        </div> -->
</div>


{/block}

